<template>
  <div>
      <i @click="ClickChange();changeCollapse()" v-bind:class="{'el-icon-s-fold':iName,'el-icon-s-unfold':!iName }"></i>
          
          <!-- el-icon-s-fold -->
  </div>
</template>

<script>
export default {
    name:'LContract',
    data(){
      return{
        iName:true

      }
    },

    methods:{
      ClickChange(){
       if(this.iName){
         this.iName=false
       }else{
         this.iName=true
       }



      },
      changeCollapse(){
      this.$store.commit("changeCollapse");
  }
    }

}
</script>

<style>
 .el-icon-s-fold {
    font-size: 30px;
 
  }
  .el-icon-s-unfold{
      font-size: 30px;
 
  }

</style>